@charset "utf-8";
ul,ol{padding-left: 0;}
ul li{list-style: none;}
ol li{list-style: none;}
.content{max-width: 1500px;margin: auto;}
.bg-gray{background: #f5f5f5;}
.bg-grey{background: #efefef;}
header .tel{color:#fff;}
header .tel img{width:20px;margin-right: 10px;}
header .tel i{font-size:1.2rem;/*color: #ed4444;*/}
header .website{font-size:14px;margin-top: 5px;}
.about_box{background: url(/static/style/image/guanyu.jpg) center no-repeat;background-size: cover;}
.contact_box{background: url(/static/style/image/lianxi.jpg) center no-repeat;background-size: cover;}
.server_box{background: url(../images/serverban.png) center no-repeat;background-size: cover;height: 649px;position: relative;z-index: 9}
.parts_box{background: url(../images/partsban.png) center no-repeat;background-size: cover;height: 649px;position: relative;z-index: 9}
.materials_box{background: url(../images/materialsban.jpg) center no-repeat;background-size: cover;}
.materials_content{background: url(../images/materialsban.jpg) center no-repeat;background-size: cover;height:400px;}
.pro_content{background: url(/static/style/image/proban.jpg) center no-repeat;background-size: cover;height:400px;}
.news_box{background: url(/static/style/image/xinwen.jpg) center no-repeat;background-size: cover;}
.case_badge{background: url(/static/style/image/caseban.jpg) center no-repeat;background-size: cover;}
.case_detail{background: url(/static/style/image/caseban.jpg) center no-repeat;background-size: cover;}
.pro-box{background: url(/static/style/image/chanpin.png) center no-repeat;background-size: cover;}
.company h2{color:#212529;margin-bottom: 2.5rem;}
.company p{color:#fff;margin-bottom: 1.8rem;line-height: 2}
.navbar-nav{width: 85%;}
.navbar-nav .nav-item {width: 13%;text-align: center;}
.navbar-light .navbar-text{color:#fff;}
.navbar-light .navbar-text a{color:#fff;}
.navbar-light .navbar-text a:hover{color:#fff;}
.navbar-light .navbar-nav .nav-link{color:#fff;}
.navbar-light .navbar-nav .dropdown-menu{top:95%;}
.navbar-light .navbar-nav .show>.nav-link{color:#fff;}
.navbar-light .navbar-nav .nav-link:focus{color:#fff;}
.nav-item:hover .dropdown-menu {display: block;}
.navbar-light .navbar-nav .nav-link:hover{color: #fff;font-weight: bold;}
.navbar-light .navbar-nav .active>.nav-link{ color: #b11911;font-weight: bold;}
.navbar-light .navbar-toggler-icon{background:url(../images/list.png) center no-repeat; }
.breadcrumb-item+.breadcrumb-item::before{content: ">";color:#fff;}
.breadcrumb{background: none;display: inherit;text-align: right;}
.breadcrumb-item{color:#fff;}
.breadcrumb-item a{color:#fff;}
.dropdown-item:hover{background: #cacfd5e3;}
#toTop { display: none; position:fixed; bottom: 50px; right: 30px; transition:background 0.5s; text-decoration: none; overflow: hidden; width: 60px; height: 60px; z-index: 999; cursor: pointer;}
.news_box:after,.case_badge:after,.case_detail:after,.pro-box:after,.materials_box:after,.materials_content:after,.about_box:after,.contact_box:after,.server_box:after,.parts_box:after{content: "";position:absolute;top: 87px;width: 100%;height: 1px;background: #ffffff59;z-index: 99;}
/* 商务通 */
.fixed-link{position: fixed;right: 10px; bottom: 22%;z-index: 9999;width: 130px;}
.fixed-link dl dt{text-align: center;color: #FFF;cursor: pointer;background: #b11911;padding: 20px 0 10px 0;}
.fixed-link dl dd{text-align: center;color: #FFF;border-bottom: 1px solid #eeeeee59;cursor: pointer;background: #b11911;padding: 15px 0;margin-bottom: 0;}
.fixed-link dl dt{border-top-left-radius: 40px;border-top-right-radius: 15px;}
.fixed-link dd.active{border-top: 1px solid #eeeeee59;}
.fixed-link dd:last-child{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.fixed-link dd:hover{background: #d6271d;}
.fixed-link dl a{color: #FFF;}
.fixed-link dl p{margin-bottom: 0;}
.fixed-link dl span{font-size: 14px;display: inline-block;margin-bottom: 5px;margin-left: 5px;}

.fixed-tel{position: relative;}
.fixed-more{width:220px;position:absolute;right:100%;top:0;background-color:#da251c;padding:25px 10px;border:1px solid #333;z-index:-1;display: none;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.fixed-wechat{width:200px;position:absolute;right:100%;bottom:0;background-color:#da251c;padding: 15px;border:1px solid #333;z-index:-1;display: none;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.fixed-wechat img{border: 10px solid #fff;width:89%;}
.fixed-tel:hover .fixed-more{display: block;}
.fixed-tel:hover .fixed-wechat{display: block;}
.fixed-more .fixed-txt{overflow: hidden;color: #fff;font-size: 16px;margin-bottom: 10px;}
.fixed-more strong{display:block;font-size:22px;color:#fff;line-height:30px;}

.fixed-totop{position: fixed;right: 10px; bottom: 17%;width: 130px;z-index: 999; background: #b11911;line-height: 46px;text-align: center;border-radius: 10px;color: #fff;font-size: 16px;cursor: pointer;display: none;}
.fixed-totop img{display: inline-block;margin-left: 8px;}
.fixed-totop:hover{color: #fff;font-weight: bold;}

.video{text-align: right;position: relative;}
.video video{width: 90%;height: 100%;object-fit: cover;margin-right: 1%;position: relative;z-index: 9;}
.video:before{content: "";position:absolute;bottom: 0;right: 0;width: 90%;height: 98%;border-radius: 20px;border: solid 1px #ffffff;opacity: 0.75;z-index: 1;display:none;}
.btn-orange{color: #fff;background-color: #ed4444;outline: none;border: none;}
.btn-orange:hover{color: #fff;}
.btn-light{color: #ed4444; }
.btn-light:hover{color: #ed4444; }
.btn-box a{padding: 0.5rem 2rem;font-weight: bold;}
.btn-box a img{width: 20px;margin-right: 0.5rem;}

.about-num{position: relative;margin-top: -3rem;margin-bottom:3rem;}
.number-ul{overflow: hidden;background:#fff;border-radius: 10px;border-bottom: 5px solid #ef4c43;padding:1rem 0;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);width: 100%;
    -moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);box-shadow: 6px 3px 29px rgba(21,0,0,0.1);}
.number-ul li{float: left;text-align: center;}
.number-ul li span{display: inline-block;font-family: "Impact";line-height: 80px;color: #ed4444;font-size: 30px;}
.number-ul li strong{font-size: 60px;margin-right: 10px;}
.number-ul li p{font-size: 18px;color: #333333;}

.about-pro ul{ width:100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-pro ul li{ text-align:center; overflow:hidden;position: relative;margin-bottom: 1.5rem;}
.about-pro ul li img{ width:100%;vertical-align: bottom;border-bottom: 3px solid #da251c;}
.about-pro ul li a{ color:#fff;font-size: 1.3rem; position: absolute;left: 10%;top:45%;}
.about-pro ul li a.addactive{ color:#ed4444;}
.about-pro ul li p{ color:#c1bfbf; position: absolute;left: 10%;top:60%;width: 80%;text-align: left;}
.jumbotron{background: #ecf0f7;}
.cooperate{position: relative;}
.cooperate h2{position: absolute;right: 0;top:2%;}
.cooperate p{position: absolute;right: 0;top:10%;}
.main-footer {background:url(/static/style/image/ftbj.jpg)left center no-repeat;background-size: cover;color: #fff;margin-top: 3rem;}
.main-footer .yellow{color: #fda745;}
.main-footer .buff{color: #f09228;}
.main-footer .btn-submit{color: #fff;background-color: #ed4444;outline: none;border: none;padding: 0.6rem 3rem;border-radius: 30px;}
.main-footer .form-group input{background: none;border-radius: 13px;color: #fff;}
.main-footer .form-group input:focus{background: none;box-shadow: none;color: #fff;}
.main-footer textarea{background: none;border-radius: 13px;resize: none;height: 10rem;color: #fff;}
.main-footer textarea:focus{background: none;box-shadow: none;color: #fff;}
.copyrights{padding: 1rem 0;background: #0d101c;color: #fff;}
.copyrights a {color: #fff;margin:0 5px;}

.information h2{color:#fff;margin-bottom: 2.5rem;font-weight: bold;}
.information h2 span{color:#ed4444;}
.information p{color:#fff;margin-bottom: 1.8rem;line-height: 2}
.btn-online{color: #fff;background-color: #ed4444;outline: none;border: none;border-radius: 30px;padding: 1rem 2rem;}
.btn-online:hover{color: #fff;}
.btn-online img{width: 20px;}
.btn-case a{font-weight: bold;}
.btn-case a img{margin-right: 0.5rem;}
.btn-tel{color: #fff;background: #e58b17; border-radius: 30px;padding: 0.4rem 1.5rem;}
.btn-tel:hover{color: #fff; }
.btn-tel img{width:42px;display: block;float: left; margin-top:0.3rem;}
.btn-tel span{float: right;text-align: left;line-height: 1.2; }

.contact-us{background: linear-gradient(transparent 40%, #151922 40%);}
.factory{background: #222c4e;border-radius: 20px;padding: 3rem 3rem 2rem;}
.factory p{color: #fff;margin-bottom: 1.5rem;}
.factory p span{color: #f8a728;font-weight: bold;}
.factory p a{color: #bce9fc;}
.tiktok ul{background: #111a38;border-radius: 20px;display: flex;justify-content: space-around;text-align: center;color: #fff;margin-top: 15%;margin-left: -20%;padding-top: 2rem;}
.tiktok ul li img{margin-bottom: 0.5rem;width: 80%;}
.company_name h1{font-size: 10rem;color: #fff;opacity: 0.1;margin: -1.5rem 0;position: relative;z-index: 1;}
.btn-contact{color: #fff;outline: none;border: none;border-radius: 30px;margin-left: 7rem;margin-top: 0.5rem;padding: 0.5rem 2rem;background-color: #e58b17;box-shadow: 0 0 19px 2px rgba(244, 200, 132, 0.48);    position: relative;
    z-index: 99;}
.btn-contact:hover{color: #fff;}

.service h2{color:#fff;margin-bottom: 2rem;font-weight: bold;margin-top: 5rem;}
.service p{color:#fff;margin-bottom: 1.8rem;line-height: 2}
.server_icon ul{background:url(../images/serverbg.jpg)bottom no-repeat;background-size: cover;height: 450px;position: relative;z-index: 6;margin-top: -3rem;}
.server_icon ul li{margin-top: 6rem;}
.server_icon ul li h3{font-size: 1.2rem;margin-top: 1rem;}
.server_icon ul li h3 a{color: #212529;}
.server_icon ul li img{width: 100%;}
.promise{background:url(../images/promise.jpg)bottom no-repeat;background-size: cover;color: #fff;height: 600px;margin-top: 5rem;}
.promise ul li{margin-bottom: 3rem;}
.promise ul li img{float: left;}
.promise ul li h3{margin-bottom: 1.5rem;text-indent: 0.5rem;}
.promise ul li p{background-color: #06447238;border: solid 1px #eeeeee;padding: 1rem;width: 100%;margin-left: 10%;}
.ideal .card{border: none;}
.ideal .card-img-top{width: 90%;}
.ideal .card-body{box-shadow: 0 4px 15px 1px rgba(132, 135, 138, 0.24);text-indent: 1rem;padding: 2rem 1.25rem;margin-top: -8%;margin-left: 8%;background: #fff;}
.ideal .card-body:before{content: "";width: 2px;display: block;height: 20%;position: absolute;bottom: 0;right: 0;background: linear-gradient(to top, #da251c , transparent)}
.ideal .card-body:after{content: "";width: 25%;display: block;height: 2px;position: absolute;bottom: 0;right: 0;background: linear-gradient(to left, #da251c , transparent)}
.img-full{width: 100%;}
.btn-blue{color: #fff;background-color: #28304b;border-color: #28304b;}
.btn-blue:hover{color: #fff;}
.parts ul{height: 300px;}
.bevel{background: linear-gradient(135deg, transparent 0, #28304b 0) top left, linear-gradient(45deg, transparent 0, #28304b 0) bottom left,
linear-gradient(-45deg, transparent 450px, #28304b 0) bottom right, linear-gradient(-135deg, transparent 450px, #28304b 0) top right;background-size: 50.1% 50.1%;background-repeat: no-repeat;}
.color-white{color: #fff;}
.round:after{position: absolute;content:"";width: 87px;height: 78px;background:url(../images/round.png)left top no-repeat;top: -40px;left: -30px;background-size: cover;}
.sector {background-color: #ed4444;width: 50px;height: 50px;border-radius: 50px 0 0;position: relative;}
.sector span{position: absolute;bottom: 5px;right: 10px;font-size: 1.5rem;color: #fff;}
.materials ul li h2{width: 90%;}
.materials ul li h2 a{color: #171717;}
.materials ul li .line{box-shadow: 0 4px 15px 1px rgba(132, 135, 138, 0.29);padding-top: 2rem;margin-top: -1rem;}

.processing .content{background: #fff;box-shadow: 0 4px 20px 1px rgba(132, 135, 138, 0.22);border-radius: 60px;margin-top: -10rem;padding: 0 3rem;max-width: 1600px;}
.processing .breadcrumb{justify-content:left;}
.processing .breadcrumb-item{color:#111; }
.processing .breadcrumb-item a{color:#111; }
.processing .breadcrumb-item:before{color:#111; }
.processing ul li>img{border: solid 1px #28304b;}
.processing ul li h1{position: relative;font-weight: bold;z-index: 9;}
.processing ul li h1:before {content: "ZHONGXIN";width: 100%;font-size: 40px;color: #e3e5e4;z-index: -1;position: absolute;left: 0;bottom: 25px;}
.processing ul li p{line-height: 2;}
.processing .btn-darkblue{background:#28304b; }
.crafts p{line-height: 2;}

.related-product{background: linear-gradient(135deg, transparent 40%, #f5f5f5 40%);padding: 2rem 0;}
.related-product p{border-bottom: 2px solid #ed4444;padding: 0.5rem 0;background: #fff;}
.related-product p a{color: #333;}

.case-box{background:#f6f5f5;padding: 0 0.5rem 0.5rem;position: relative;}
.case-box h5{padding:1rem 0 0.5rem;}
.case-box h5 a{color:#333;}
.case-box .sectors{background-color: #ed4444;width: 50px;height: 50px;border-radius: 50px 0 0;position: absolute;right: 0;bottom: 0;}
.case-box .sectors span{position: absolute;bottom: 5px;right: 10px;font-size: 1.5rem;color: #fff;}

.company-title{margin: 4rem 0 3rem;}
.company-title a{color: #333;}
.company-title h3{position: relative;font-weight: bold;z-index: 9;}
.company-title h3:before {content: "COMPANY";width: 100%;font-size: 40px;color: #e3e5e4;z-index: -1;position: absolute;left: 0;bottom: 12px;}


.company-news ul li{display: flex;justify-content: space-between;background: #fff;margin-bottom: 4rem; box-shadow: 0 5px 16px 2px rgba(132, 135, 138, 0.21);padding: 1.5rem 1rem 1.5rem 2rem;}
.company-news ul li a{color: #333;}
.company-news .list-item{background: #fff;margin-left: 10%;}
.company-news .list-text{padding:0 1rem;}
.company-news .list-text a{color: #333;}

.industry-news .company-title h3:before {content: "INDUSTRY";}
.industry-news ul{position: relative;padding-bottom: 5rem;flex-wrap: wrap;justify-content: space-around;}
.industry-news ul:after{content: "";width: 100%;height: 50%;background: #eeecec;position: absolute;bottom: 0;border-radius: 60px;z-index: -1;}
.industry-news ul li{background: #fff;position: relative;width: 20%;padding: 0 15px;}
.industry-news ul li:before{content: "";width: 3px;display: block;height: 30px;background: #ed4444;position: absolute;left: 0;}
.industry-news ul li h4{font-weight: bold;}
.industry-news ul li h4 a{color: #333;}
.industry-news ul li p a{color: #ed4444;}

.knowledge-news .company-title h3:before {content: "PRODUCT";}
.knowledge-news ul li {margin-bottom: 1rem;}
.knowledge-news ul li h5 {color: #333;}
.knowledge-news ul li p a{color: #333;}

.topic-news .company-title h3:before {content: "TOPIC";}
.topic-news .card {border: none;border-radius: unset;background: none;margin-bottom: 2rem;}
.topic-news .card-body {border-bottom: 3px solid #ed4444;background: #fff;}
.topic-news .card-body a{color: #333;font-weight: bold;}
.news_list{border-bottom:2px solid #ed4444;border-radius: unset;}
.news_list .card-body p a{color: #ed4444;}
.pagination li{margin: 0 0.5rem;}
.pagination a{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #333;
    margin: 0 0.3rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination>b{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #fff;
    margin: 0 0.3rem;
background: #ed4444;
    border-color: #ed4444;
}
.pagination .page-link{color: #333;}
.page-item.active .page-link{background: #ed4444;border-color: #ed4444;}
.linear{background-image:linear-gradient(135deg, red, yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.news-title ul{background: #ffffff;box-shadow: 0 5px 16px 2px rgba(132, 135, 138, 0.21);border-radius: 20px;padding: 1rem;margin-top: -3rem;}
.news-title ul li p{margin-bottom: 0;font-size: 1.4rem;}
.news-title ul li p b{color: #ed4444;font-size: 1.8rem;}
.btn-news{color: #fff;background-color: #ed4444;outline: none;border: none;border-radius: 15px;padding: 1rem 2rem;}
.btn-news:hover{color: #fff;}
.btn-news img{width: 20px;}
.news-content div>p{margin-bottom: 2rem;}
.news-content div>p img{max-width: 100%;}
.news-content dl{background: #f5f5f5;text-align: center;margin-left: 3rem;}
.news-content dl h4{background: #27314c;color: #fff;text-align: center;font-weight: bold;padding: 0.8rem 0;margin-bottom: 2rem;}
.news-content dl dd img{border-radius: 15px;max-width:90%;}
.news-content dl dd p{padding: 0.5rem 0 1rem;}
.news-content dl dd p a{color:#333;}
.news-content ol{background:#f5f5f5;padding: 1rem 0;margin-top: 3rem;}
.news-content ol li a{color:#333;}

.headlines .content{background: #fff;box-shadow: 0 4px 20px 1px rgba(132, 135, 138, 0.22);border-radius: 30px;margin-top: -5rem;position: relative;overflow: hidden}
.headlines .swiper-box{padding: 2rem;}
.headlines .swiper-img{width: 63%;margin-left: 2%;}
.headlines .swiper-text{width: 20%;margin-left: 5%;}
.headlines .swiper-text h3{line-height: 1.5;}
.headlines .swiper-text p{font-size: 1.4rem;}
.headlines .swiper-text a{color: #333;}
.headlines .swiper-text .more{background: #ed4444;border-radius: 15px;color: #fff;padding: 0.7rem 2rem;}
.headlines .swiper-pagination-fraction{bottom: 10%;right: 5%;font-size: 2.5rem;width: auto;left: unset;}
.headlines .swiper-pagination-fraction:after{content: ""; width: 330px;border-bottom: 2px dashed #aaa;position: absolute;right: 100px;top: 35px;}
.headlines .swiper-pagination-current{color: #ed4444;}

.justify-content-left{justify-content: left;padding-left: 0;}
.case_detail{color: #fff;}
.case_detail .parameter ul li{width: 40%;background: #ffffff33;margin: 1rem 0;text-align: center;}
.case_detail .parameter ul li p{margin: 0.5rem 0 0.25rem;}
.case_detail .parameter ul li h4{color: #ed4444;}
.case_detail .parameter p{line-height: 1.8;}
.case_detail .parameter p span{color: #ed4444;text-indent: -0.4rem;display: inline-block;}
.case_detail .img-thumbnail{max-width: 95%;}
.btn-line{color: #fff;border: 1px solid #fff; border-radius: 30px;padding: 0.4rem 2rem;}
.btn-line:hover{color: #fff; }
.btn-line img{width:42px;display: block;float: left; }
.btn-line span{float: right;font-size: 1rem;text-align: left;line-height: unset; }
.news-content dl h4.indianred{background: #ed4444;}

.pro-box h5{color: #fff;font-size: 1.1rem;font-weight: bold;margin-bottom: 2rem;}
.pro-title{padding: 2rem 0 0;position:relative;}
.pro-title a{color: #333;}
.pro-title h1{font-size: 8rem;margin-right:1rem;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #d95454;}
.pro-title h3{margin-right:1rem;}
.pro-title h3 img{vertical-align:top}
.pro-title .need{background: #ed4444;position: absolute;right: 0;color: #fff;padding: 0.5rem 1.5rem;border-radius: 20px;}
.pro-title .need:before{content: "";width: 100%;height:2px;background:linear-gradient(to right, transparent , #ed4444);position: absolute;top:50%;left:-100%;}
.pro-title h2{position: relative;font-weight: bold;z-index: 9;}
.pro-title h2:before {content: "CONE CRUSHER";width: 100%;font-size: 40px;color: #e3e5e4;z-index: -1;position: absolute;left: 0;bottom: 15px;}
.pro-title h2.stone:before {content: "STONE CRUSHER";}
.pro-title h2.screening:before {content: "SCREENING SAND WASHING";}
.pro-title h2.pit:before {content: "BENEFICIATION";}

.product-category{padding: 2rem 0 1rem;}
.product-category li{margin-bottom: 2rem;}
.product-category p{border-bottom: 2px solid #ed4444;padding: 0.5rem 0;background: #fff;}
.product-category a{color: #333;}
.product-category h3{padding: 1rem 0 0 5rem;font-weight: bold;background: #fff;margin-bottom: 0;}
.product-category .category{border: 1px solid #ed4444;}
.product-category .look{display: block;text-align: right;background: #fff;padding: 0 3rem 1rem 0;}
.burden{margin-bottom: -3rem;}

.produce .content{background: #fff;box-shadow: 0 4px 20px 1px rgba(132, 135, 138, 0.22);border-radius: 60px;margin-top: -18rem;padding: 0 3rem;max-width: 1600px;}
.produce .breadcrumb{justify-content:left;}
.produce .breadcrumb-item{color:#111; }
.produce .breadcrumb-item a{color:#111; }
.produce .breadcrumb-item:before{color:#111; }
.produce ul li>img{border: solid 1px #28304b;}
.produce ul li h1{position: relative;font-weight: bold;z-index: 9;}
.produce ul li h1:before {content: "KUNWEI";width: 100%;font-size: 40px;color: #e3e5e4;z-index: -1;position: absolute;left: 0;bottom: 25px;}
.produce .btn-darkblue{background:#28304b; }

.nav-pills{width: 10%;}
.nav-pills .nav-link{border-radius: unset;height: 50%;background: #f5f5f5;color: #28304b;display: flex;align-items: center;}
.nav-pills .nav-link p img{display: block;margin-bottom: 0.5rem;}
.nav-pills .nav-link.active{background: #28304b9c;color: #fff;}
.tab-content{width: 85%;overflow: hidden;}
.tab-content .swiper-slide img{width: 100%;}
.video-box{width: 100%;height: 499px;background: #000;}
.video-box video{width: 100%;padding-top: 10%;}

.special ul li{width: 35%;margin: 1rem 0 2rem;text-align: center;border: solid 1px #363b4d;}
.special ul li:last-child{margin-left: 3rem;border: solid 1px #ed4444;}
.special ul li p{margin: 0.5rem 0 0.25rem;}
.special ul li h4{font-weight: bold;}

.nav-height{ position:relative;margin: 4rem 0 3rem;}
.nav-box {width:100%;height:70px;background: #28304b;border-radius: 30px;}
.nav-box.navFix{position: fixed;top: 0;z-index: 99999;max-width: 1470px;border-radius: unset;}
.nav-box li { display: inline-block;width: 25%;height: 70px; line-height: 70px;float: left; text-align: center;position: relative;}
.nav-box li a {font-size:1.2rem; color: #fff;}
.nav-box li a:before{content:" ";width:1px;height: 50px;border-right: 1px solid #fff;position: absolute;top: 10px;left: 0px;}
.nav-box li:first-child a:before{content:" ";width:0;border: none;}
.nav-box li a:hover{color: #ed4444;}
.nav-box li a.active {color: #ed4444;font-weight: bold;}
.section-content table{border-collapse: separate;}
.section-content table tr p span{color:#333; font-weight:normal;}
.section-content table{ margin:15px 0;font-size:12px;vertical-align:middle;text-align:center; width:100%;line-height:normal;}
.section-content table tr td{height:30px;}
.section-content table tr:nth-child(1) td{ height:50px; background: #ffcccc;}
.section-content img{height:auto!important;}

.client ul li h5{text-align: center;background: #00000091;margin-top: -4rem;position: relative;padding: 1.2rem 0;}
.client ul li h5 a{color: #fff;}
.customer{background:linear-gradient(225deg, transparent 100%, #efefef 100%);padding-bottom:1rem;}
.customer h2{border-left: 5px solid #ed4444;padding-left: 1rem;}
.customer ul li h5{text-align: center;background: #fff;position: relative;padding: 1.2rem 0;}
.customer ul li h5 a{color: #333;}

.banner{width:100%;position:relative;z-index:3;height: 700px;}
.banner img{filter:brightness(0.8)}
.banner .text-box{text-align: left; position: absolute;bottom: 70px;}
.banner .text-box h1{font-weight: bold;margin-bottom: 10px;letter-spacing: 5px;font-size: 30px;}
.banner .text-box p{width: 35%;font-size: 16px;line-height: 25px;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow:hidden;}
.banner .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
    display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
    align-items: center;color:#fff;}
.index-box{width:100%;border-bottom:1px solid #ffffff59;position:absolute;left:0;top:0;z-index:9999;background: #00000938;}
.hot-pro{background:#ecf0f7;padding: 3rem 0;}
.left-side p span{color:#d50303;}
.right-side p span{color:#d50303;}
.right-side{text-align: right;}
.right-side img{max-width: 90%;}
.side-top{display: block;margin-bottom: 5rem;position: relative;}
.side-bottom{position: relative;}
.left-text{background:#ffffffd6;padding:1rem;border-radius: 10px;position: absolute;right: 0;bottom: 0;}
.left-text a,.right-top-text a,.right-bottom-text a{color: #333;}
.right-top-text{background:#ffffffd6;padding:1rem;border-radius: 10px;position: absolute;left: 0;bottom: 0;color: #333;text-align: left;}
.right-bottom-text{background:#ffffffd6;padding: 1rem;border-radius: 10px;position: absolute;right: 0;top: -3rem;width: 35%;color: #333;text-align: left;}
.index-cate{padding:64px 0;overflow:hidden;position:relative;z-index:10; background: #efefef;}
.index-cate .swiper-tab{margin-bottom:37px;display: flex;justify-content: flex-start;flex-wrap: wrap; }
.index-cate .swiper-tab .swiper-item{width: 20%;height: 50px;border:1px dashed #494d56;border-radius: 30px;font-size: 22px;color:#494d56;text-align:center;line-height: 46px;transition:all linear .3s;cursor:pointer;}
.index-cate .swiper-tab .swiper-item-active, .index-cate .swiper-tab .swiper-item:hover {background: #fafeff;border: 1px solid #a0a0a0;color: #da251c;}
.index-cate .swiper-cp .swiper-list{display:none}
.index-cate .swiper-cp .swiper-list-active{display:block}
.index-cate .swiper-cp li{width:22%;margin-left:4%;float:left;text-align:center;position:relative;}
.index-cate .swiper-cp li:first-child{margin-left:0}
.index-cate .swiper-cp li img{border-radius: 15px;max-width: 100%; height:323px;}
.index-cate .swiper-cp li p a{font-size:20px;color:#333;margin-top:10px;display:block;}

.index-case{width:100%;height:700px;overflow:hidden;}
.ser-box{background: #000000b0; width: 30%;padding:1% 0 0;margin-left: 10%;}
.ser-box h2{line-height: 30px;font-size: 25px;margin: 10px 0;}
.ser-box h2 a{color: #fff;}
.ser-box p{color: #fff;line-height: 32px;text-indent: 10px;padding:0 17px;font-size: 16px;text-align: left;}
.ser-box ul{display: flex;flex-wrap: wrap;justify-content: space-between; margin: 25px 0;font-size: 16px;}
.ser-box ul li{width: 49%;margin: 5px 0;color: #fff;}
.ser-box ul li span{color: #da251c;}
.ser-box .chat {margin: 15px 0;font-size: 15px;display: flex;justify-content: center;}
.ser-box .chat a{padding: 15px 0;display: block;width: 50%;text-align: center;}
.chat .col-red {background: #da251c;color: #fff;}
.chat .col-white {background:  #fff;color: #333;}
.index-case .swiper-container-c {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.index-case .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
    -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.index-video{padding:50px 0;}
.index-video .titles{text-align:center;padding:0 0 40px;width: 100%;}
.index-video .video-back{height:550px; width: 1500px;     background-image: url(/static/style/image/guanyu-bg.jpg);
    opacity: 1;}
.index-video .about-title{width: 460px;height: 100%;float: right;background: rgba(0,0,0,0.5);padding: 0 20px;}
.index-video .about-title h1{width:75%;color: white;font-size:24px;text-align: center;border-bottom: 3px solid #da251c;padding-bottom: 10px;margin: 150px auto 0;}
.index-video .about-title p{color: white;margin-top: 30px;font-size: 15px;line-height: 28px;}

.index-news .titles{text-align:center;padding:0 0 40px;width: 100%;}
.index-news  ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-news ul li{width:48%;overflow:hidden;font-size:16px;line-height:24px;margin-bottom: 20px;padding: 1%;}
/*.index-news ul li:hover{background: #da251c;}*/
.index-news ul li:hover a{color: #da251c;}
.index-news ul li img{width:35%;float: left;display: block;margin-right: 15px;}
.index-news ul li a{color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight: bold;}
.index-news ul li p{margin: 10px 0;}
.index-news ul li span{text-align:right;display: block;}

.footer{width:100%;font-size:16px;color:#fff;margin-top: 30px;background:url(/static/style/image/ftbj.jpg)top center no-repeat;backdrop-filter: brightness(0.3);background-size: cover;}
.footer>img{position: absolute;filter: brightness(0.3);z-index: -1;}
.footer .foot{text-align: center;padding: 20px 0;}
.footer .foot h1{margin: 50px 0 30px;}
.footer .foot>ul{display: flex;justify-content: space-around;margin: 50px 0;}
.footer .foot>ul li span{color: #f09228;font-weight: bold;font-size: 25px;}
.footer .foot .related{border-top: 1px solid #ffffff9e;padding: 20px 0;display: flex;justify-content: space-between;}
.footer .foot .related .left{width: 75%;text-align: left;}
.footer .foot .related h2{font-weight: bold;margin: 15px 0;font-size: 18px;}
.footer .foot .related ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .foot .related ul li{width: 22%;margin: 8px 0;}
.footer .foot .related ul li a{color: #fff;}
.footer .foot .related .right{width: 18%;text-align: left;}
.footer .foot .related .right>p{font-size: 20px;color: #f09228;margin: 10px 0;}
.copyright{text-align:center;padding:25px 0;clear: both;background: #0d101c;color: #fff;}
.copyright p{float: right;}
.copyright a{margin:0 5px;color: #fff;}

@media (max-width: 1460px){
    .company_name h1{font-size: 14rem;}
    .bevel{background:#28304b;}
    .headlines .swiper-pagination-fraction:after{display: none;}
    .headlines .swiper-text{width: 25%;}
    .btn-line{padding: 0.4rem 1rem;}
    .parameter .btn-online{padding: 1rem 1.5rem;}
    .footer .foot .related .left{width: 70%;}
    .footer .foot .related .right{width: 25%;}
}
@media (max-width: 1200px){
    .navbar-expand-lg .navbar-nav {width: 100%;}
    .about-pro ul li a{ top:25%;}
    .about-pro ul li p{ top:45%;font-size: 1rem;}
    .company_name h1{font-size: 10rem;}
    .company-news ul li{margin-bottom: 2.5rem;}
    .industry-news ul li h4 a{font-size: 1.2rem;}
    .headlines .swiper-text{width: 30%;}
    .headlines .swiper-pagination-fraction{bottom: 5%;right: 3%;}
    .case_detail .img-thumbnail{max-width: 100%;margin-top: 2rem;}
    .special{margin-top: 3rem;}
    .left-text,.right-top-text,.right-bottom-text{display: none;}
    .right-side img{max-width: 100%;}
    .ser-box{width: 40%;}
    .footer .foot .related ul li{width: 33%;}
}
@media (max-width: 992px){
    .navbar-nav .nav-item{width: 100%;}
    .company_name h1,.btn-contact{display: none}
    .tiktok ul{margin-left: 0;margin-top: 0;}
    .promise ul li p{width: auto;}
    .promise ul li{margin-bottom: 1rem;}
    .promise{padding-bottom: 5rem;height: auto}
    .related-product{background: none;}
    .company-news .list-item{margin-left: 0;}
    .industry-news ul{justify-content: space-between;padding-bottom: 0;}
    .industry-news ul:after{display: none;}
    .industry-news ul li{width: 48%;margin-bottom: 2rem;}
    .headlines{display: none;}
    .pro-title h2:before{display: none;}
    .nav-height{display: none;}
    .left-side img{display: none;}
    .right-side{text-align: center;}
    .side-top{margin-bottom: 2rem;}
    .index-cate .swiper-tab .swiper-item{width: 45%;margin-bottom: 2rem;}
    .index-cate .swiper-cp .swiper-list-active {display: flex;justify-content: space-between;flex-wrap: wrap;}
    .index-cate .swiper-cp li{width: 48%;margin-left: 0;}
    .index-cate .swiper-tab{margin-bottom: 0;}
    .ser-box{width: 45%;}
    .footer .foot .related ul li{width: 50%;}
    .footer .foot .related .right{width: 35%;}
}
@media (max-width: 768px){
    .video video{width: 100%;}
    .about-pro ul li a{ top:30%;}
    .about-pro ul li p{ top:50%;font-size: 0.9rem;}
    .btn-online{padding: 1rem;}
    .btn-tel{padding: 0.4rem 1rem;}
    .server_icon ul{height: 350px;}
    .server_icon ul li{margin-top: 4rem;}
    .card-deck{flex-flow: column;}
    .ideal .card-body{margin-left: 0;margin-top: 0;margin-bottom: 2rem;}
    .ideal .card-img-top{width: 100%;}
    .ideal .card-body:before,.ideal .card-body:after{display: none;}
    .promise{margin-top: 1rem;}
    .materials ul li h2{font-size: 1.5rem;}
    .processing .content{padding: 0;}
    .client ul li h5{margin-top: 0;font-size: 1rem;}
    .produce .content{padding: 0;}
    .ser-box{width: 70%;}
    .index-news ul li img{display: none;}
    .index-news ul li{width: 98%;}
    .footer .foot>ul li:last-child{display: none;}
    .footer .foot>ul li:nth-child(3){display: none;}
    .footer .foot .related .right{display: none;}
    .footer .foot .related .left{width: 95%;margin: auto;}
    .pro-title .need{display:none;}
}